﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-style:normal}
body{width:100%;background:#F0F3F4; font-size:14px !important; font-family:'微软雅黑'}
a{ text-decoration:none; color:inherit}
ul li{ list-style:none}
img{ border:none; vertical-align:middle}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}

.top{ width:100%; min-width: 1200px;height:30px; background:#111;}
.top p{ width:1128px; margin:0 auto; height:30px;background:#111; line-height:30px; text-align:right; color:#fff;font-size: 12px;}

.nav{ width:100%; height:80px; background:#F0F3F4}

.nav_warp{ width:1160px; margin:0 auto;background:#F0F3F4; height:80px;}
.logo{ float:left}
.navnav{ float:right;}
.navnav ul li{ float:left}
.navnav ul li a{ float:left; font-size:20px; height:80px; line-height:80px; width:114px; text-align:center}
.navnav ul li a:hover,.navnav ul li a.hover{ color:#dc0000;background:url(../img/bgtty.png) repeat-x top,#F1F1F1}

.banner{width:100%; min-width:1200px; height:538px; background:#00AEFF; clear:both; position:relative;}

.bbg{position: absolute;width: 709px;overflow: hidden;margin: 0 auto;margin-top: 42px;}

.loadbox{ width:318px; height:405px; background:#fff; border-radius:6px; box-shadow:#888 0px 2px 8px; overflow:hidden;}
.box_top{ width:100%; height:84px; background:#0067D6}
.box_top h1{ line-height:84px; color:#fff; text-align:center; width:100%}
.stripe{width:100%; height:1px; _font-size:0; background:#E3E3E3}
.stripes{ width:100%; height:1px; _font-size:0; background:#EAEAEA}

.Input_box{ margin:32px 18px 0 18px;}
#forms input{font-size:14px; font-family:'微软雅黑';outline:medium;transition: all 0.3s; -webkit-transition: all 0.3s; border-radius:4px;border:#D1D1D1 1px solid;}
#forms label{ display:block; width:60px; text-align:right;line-height:33px; float:left; margin-right:10px}
#forms div{ margin-bottom:16px}
.user{ width:182px; height:31px;font-size:14px; padding-left:15px}

.pass{ width:182px; height:31px;font-size:14px; padding-left:15px}
.verify{width:82px; height:31px; float:left; padding-left:5px}
.yzm{ float:left; margin-left:10px; margin-top:1px}

.butt{ clear:both; width:225px; height:35px; background:#FF6600; margin-top:30px; margin-left:28px; font-size:18px !important; color:#fff; cursor:pointer; border:none !important}


/**/
.bdypm{ clear:both; width:1160px; margin:100px auto; overflow:hidden}
.top1{ width:399px; margin:0 auto}
.text1{ width:965px; margin:30px auto;}
.text1 p{ line-height:28px; color:#666; font-size:16px; text-align:center}

.imgbox1 div{ float:left; border:#E3E6E7 3px solid; margin:0 25px;_margin:0 20px}

.ypmys{ clear:both; width:100%;min-width: 1200px;overflow:hidden; background:#00AEFF; padding:90px 0}
.ypmyscon{ width:1000px; margin:0 auto}
.bgh{ width:1000px; height:8px; background:url(../img/hh.jpg) no-repeat center; margin:0 auto}

.top2{ width:358px; margin:0 auto; margin-bottom:25px}
.fb{ width:120px; overflow:hidden; float:left;margin:50px 50px 0 73px;_margin:50px 40px 0 53px}
.fb dt{ width:116px; height:116px; border:#0091D5 2px dashed; border-radius:116px;}

.fb dd{ width:116px; text-align:center;}
.fb dd p{ color:#fff; font-size:22px; margin:5px 0}
.fb dd span{ color:#fff}
.fb1 dt{ background:url(../images/bg1.jpg) no-repeat center}
.fb2 dt{ background:url(../images/bg2.jpg) no-repeat center}
.fb3 dt{ background:url(../images/bg3.jpg) no-repeat center}
.fb4 dt{ background:url(../images/bg4.jpg) no-repeat center}
.fb1 dt:hover{animation: spin 6s linear infinite;-webkit-animation: spin 6s linear infinite;}/*给div设置动画*/
.fb2 dt:hover{animation: spin 6s linear infinite;-webkit-animation: spin 6s linear infinite;}/*给div设置动画*/
.fb3 dt:hover{animation: spin 6s linear infinite;-webkit-animation: spin 6s linear infinite;}/*给div设置动画*/
.fb4 dt:hover{animation: spin 6s linear infinite;-webkit-animation: spin 6s linear infinite;}/*给div设置动画*/
/*动画效果 需要在CSS中添加应用*/
 @keyframes spin {		
    0% {
         transform:rotate(0deg);
     }
     100% {
         transform:rotate(360deg);
     }
}
.pmjz{ width:1170px; margin:70px auto; overflow:hidden;}
.top3{ width:497px; margin:0 auto; margin-bottom:50px}
.sfzy{ width:225px; overflow:hidden; text-align:center; float:left ; margin-right:80px; margin-left:5px}
.lastdiv{ margin-right:0px}
.sfzy p{ font-size:20px; margin-bottom:25px;}
.sfzy span{ color:#7b7b7b}

#join{width:165px; height:45px; display:block; background:#FFBB42; color:#fff; font-size:18px; line-height:45px; text-align:center; margin:0 auto; border-radius:4px}

/**/
.pmywlc{ width:100%; overflow:hidden; background:#00AEFF; min-width:1200px;}
.pmywlcon{ width:1110px; overflow:hidden; margin:90px auto}

.top4{ width:460px; margin:0 auto; margin-bottom:20px}
.wfzy{ width:182px; overflow:hidden; margin-top:80px; float:left; margin-right:50px}
.wfzflast{ margin-right:0px}
.wfzy dt{ width:107px; margin:0 auto}
.wfzy dd{ text-align:center; color:#fff}
.wfzy dd p{ font-size:20px; margin:10px 0}

.wmdkh{ width:1130px; overflow:hidden; margin:75px auto}
.top5{ width:270px; margin:0 auto;}

.footer{ width:100%; min-width:1200px; background:black; height:70px; overflow:hidden}
.footbox{ width:600px; overflow:hidden; margin:20px auto}
.footbox ul{ margin-bottom:60px;width:520px; margin:0 auto; margin-bottom:60px}
.footbox ul li{ float:left;}
.footbox ul li a{ float:left; color:#fff; font-size:17px; margin:0 30px}
.footbox p{ clear:both; line-height:30px; color:#fff; width:600px; text-align:center;font-size: 12px;}

/*the second web*/
.keepban{ width:100%; min-width:1200px; height:200px; background:url(../img/keep1.png) no-repeat center,#9CD1F9;_background:url(../img/keep1.png) no-repeat center}
.keepban2{ width:100%; min-width:1200px; height:200px; background:url(../img/keep2.png) no-repeat center,#9CD1F9;_background:url(../img/keep2.png) no-repeat center}

.keepbox{ width:1010px; margin:28px auto; overflow:hidden}
.beear{ width:100%; height:20px; text-align:left; color:#999; margin-bottom:25px;}

.left{ width:180px; float:left;}
.left p{ width:177px; height:36px; background:#9CD1F9; border-left:#4CA7D3 3px solid; margin-bottom:3px}
.left p span{ color:#fff; font-size:18px; line-height:36px; padding-left:20px}
.left ul li{ width:180px; height:30px; background:#E4E5E6; margin-bottom:3px;}
.left ul li a{ display:block; width:160px; height:30px; color:#666; line-height:30px; padding-left:20px}
.left ul li a.active,.left ul li a:hover{ background:#9CD1F9; color:#fff}

.right{ width:790px; overflow:hidden; background:#fff; float:right}
.bein{ margin:45px;}
.keeptop{ width:100%; height:45px; background:#EFEEEE;}
.keeptop .liwai{ font-size:20px; padding-left:15px; line-height:45px; background:none;}
.bein h3{ padding-left:10px; margin-top:20px; margin-bottom:10px}
.bein p{ padding-left:26px; line-height:30px; color:#666; background:url(../img/jiba.png) no-repeat 10px 14px}


.ly_box{ margin-top:30px; margin-left:10px; width:600px}
#form2 input,textarea{font-size:14px; font-family:'微软雅黑';outline:medium;transition: all 0.3s; -webkit-transition: all 0.3s; border:#D1D1D1 1px solid;}
#form2 label{ display:block; width:70px; text-align:right;line-height:31px; float:left; margin-right:10px}
#form2 div{ margin-bottom:16px}
#form2 div span{ float:right; width:10px; height:31px; background:url(../img/bitian.png) no-repeat center; margin-right:210px}
.gsm{ width:275px; height:31px;font-size:14px; padding-left:15px}

.gsgm{ width:125px; height:31px;font-size:14px; padding-left:15px}
#form2 textarea{ width:480px; height:140px; padding:10px; color:#ccc}

.yes{ width:65px; height:28px; border-radius:15px; background:#FF6600; color:#fff; text-align:center; border:none !important}
.noo{ width:65px; height:28px; border-radius:15px; background:#B8B8B8; color:#fff; text-align:center; border:none !important}

/******/
.popup{ display:block; width:100%; min-width:1200px; background:#ececec; height:80px; margin-top:-80px; overflow:hidden; opacity:0.8; -webkit-opacity:0.8; transition:all .4s ease-in; -webkit-transition:all .4s ease-in;}

.popuph{ margin-top:0px}

.texttox{ padding-top:5px; color:#666666; font-size:14px; text-align:center;}



.bot-maxbox{width:100%; min-width: 1200px;height:auto; overflow:hidden;  background:black; font-family:"微软雅黑"; padding-top:20px;}
.bot-box{ width:1200px; height:auto; margin: auto;overflow:hidden; padding-bottom:35px;}
.bot-navbox{ width:1198px; height:197px; border:1px solid #444444;}
.bot-mnav{  height:190px;overflow:hidden; background:url(../images/bot-navli.png) no-repeat right 13px;}
.bot-mnav p{ padding-top:10px; height:50px; line-height:50px; font-size:16px; color:#bbb; padding-left:10px;}
.bot-mnav p:hover{ color:#FFF}
.bot-mnav ul{ height:auto; padding-left:10px;}
.bot-mnav li{ height:30px; line-height:30px; font-size:10px;}
.bot-mnav li a{ color:#bbb;}
.bot-mnav li a:hover{ color:#FFF;text-decoration: none;}
.fl{float:left;}







